<?
$fee_name[''] = '-- Choose Category --';
$fee_name['Office Supplies'] = 'Office Supplies';
$fee_name['Services'] = 'Services';
?>


<style>
	input#amount_money
	{
		padding:10px 20px;
		font-size:30px;
		font-family:DigitaldreamFatNarrowRegular;
		text-align:right;
		width:266px;
	}
	
	.ui-menu .ui-menu-item a{
			font-size:11px;
			font-weight:bold;
	}
	.ui-autocomplete.source:hover {
		background: #454545;
	}
	.ui-autocomplete-loading {
    background: white url('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/images/ui-anim_basic_16x16.gif') right center no-repeat;
   }
   .group{
		background:#f00;
   }
</style>
<div class="row over">
	<div class="panel"><h6>Payment Center Assessment Fee</h6></div>
	<?echo form_open('fees/payment_center','class="custom" autocomplete="off""');?>
	<div class="large-12 columns">
		<?=$overvalidationerror;?>
		<?=$system_message;?>
		
		<div class="row collapse">
			<div class="small-4 large-4 columns">
				<span class="prefix">Student ID Number</span>
			</div>
			<div class="small-8 large-8 columns">
				<div class="ui-widget">
				<input class="searchInput" autocomplete="off" placeholder="To Search student, Enter Student Name OR ID Number" url="<?=site_url('output/ajax_search_student');?>" type="text" name="student" value="<?=set_value('student');?>">
				</div>
			</div>
		</div>
		
		<div id="to_hide" style="display:block;">
		
		<div class="row collapse">
			<div class="small-3 large-2 columns">
				<span class="prefix">OR Number</span>
			</div>
			<div class="small-9 large-10 columns">
				<input type="text" name="spr_or_no" autocomplete="off" placeholder="Payment OR Number" value="<?php echo set_value('spr_or_no');?>">
			</div>
		</div>
	
		<div class="row collapse">
			<div class="small-3 large-2 columns">
				<span class="prefix">Date of Payment</span>
			</div>
			<div class="small-9 large-10 columns">
				<input type="text" name="date_of_payment" autocomplete="off"  placeholder="MM/DD/YYY " class ="datepicker-payment" value="<?php echo set_value('date_of_payment',$current_time);?>">
			</div>
		</div>
		
		<div class="row collapse">
			<div class="small-3 large-2 columns">
				<span class="prefix">Schedule of Testing</span>
			</div>
			<div class="small-9 large-10 columns">
				<input type="text" name="schedule_for_testing" autocomplete="off"  value="<?php echo set_value('schedule_for_testing',$schedule_for_testing );?>">
			</div>
		</div>
		
		<div class="row collapse">
			<div class="small-3 large-3 columns">
				How did you hear of us:
			</div>
			<div class="small-9 large-9 columns" style="margin:2px 0px; padding:2px 0px;">
				<span class="left"><?=form_checkbox('billboard', 'yes', FALSE);?></span><span class="left">&nbsp;&nbsp;Billboard&nbsp;&nbsp;</span><span class="left"><?=form_checkbox('signs_brochures', 'yes', FALSE);?></span><span class="left">&nbsp;&nbsp;Signs/Brochures&nbsp;&nbsp;</span><span class="left"><?=form_checkbox('driving_by', 'yes', FALSE);?></span><span class="left">&nbsp;&nbsp;Driving By&nbsp;&nbsp;</span><span class="left"><?=form_checkbox('friends_relatives', 'yes', FALSE);?></span><span class="left">&nbsp;&nbsp;Friends/Relatives&nbsp;&nbsp;</span>
			</div>
		</div>
		
		<div class="row collapse">
			<div class="small-3 large-3 columns">
				&nbsp;
			</div>
			<div class="small-9 large-9 columns" style="margin:2px 0px; padding:2px 0px;">
				<span class="left"><?=form_checkbox('website', 'yes', FALSE);?></span><span class="left">&nbsp;&nbsp;Website&nbsp;&nbsp;</span><span class="left"><?=form_checkbox('bluebook', 'yes', FALSE);?></span><span class="left">&nbsp;&nbsp;Bluebook&nbsp;&nbsp;</span><span class="left"><?=form_checkbox('facebook', 'yes', FALSE);?></span><span class="left">&nbsp;&nbsp;Facebook&nbsp;&nbsp;</span><span class="left"><?=form_checkbox('malls', 'yes', FALSE);?></span><span class="left">&nbsp;&nbsp;Malls&nbsp;&nbsp;</span><span class="left"><?=form_checkbox('others', 'yes', FALSE);?></span><span class="left">&nbsp;&nbsp;Others&nbsp;&nbsp;</span><span class="left"><input type="text" name="for_others" autocomplete="off" ></span>
			</div>
		</div>
		

	
	<div class="large-12 columns">
	<!--
		<div class="btn-group">
		  <button class="btn add">+</button>
		  <button class="btn del">-</button>
		  <button class="btn clrs">clear</button>
		</div>
	-->
		<hr class="clearfix">

		<div class="input-fields">
			<div class="large-2 columns">
				<label class="label secondary">Quantity</label>
				<input type="text" value="1" disabled>
				<input type="hidden" name="quantity" class="quantity" value="1">
			</div>
			
			<div class="large-4 columns">
				<label class="label secondary">Description</label>
				<input type="text" value="Assessment Fee" disabled>
				<input type="hidden" name="desc" class="description" value="Assessment Fee" >
			</div>
			
			<div class="large-3 columns">
				<label class="label secondary">Unit Price</label>
				<div class="row collapse">
					<div class="small-3 large-2 columns">
						<span id="amount_money" class="prefix">&#8369;</span>
					</div>
					<div class="small-9 large-10 columns">
						<input type="text" value="2,500" disabled>
						<input type="hidden" name="price" class="unitprice" value="2500" >
					</div>
				</div>
			</div>
			
			<div class="large-3 columns">
				<label class="label secondary">Total</label>
				<div class="row collapse">
					<div class="small-3 large-2 columns">
						<span id="amount_money" class="prefix">&#8369;</span>
					</div>
					<div class="small-9 large-10 columns">
						<input type="text" value="2,500" disabled>
					</div>
				</div>
			</div>
			<hr class="clearfix">
		</div>
		
		<div id='dynapage'>
			<!-- df  -->
		</div>
		
		<input type="hidden" name="loc_sdi" value="<?echo $token;?>">
		<input type="submit" class="button tiny" name="assessment_fee" value="Add Assessment Fee">
	</div>
		</div>
		<div id="print_assessment_fee" url="<?=site_url('output/ajax_check_assessment_fee');?>"></div>
	</div>
	</form>
</div>